<ion-header mode="md">
  <ion-toolbar>
    <div class="nav">
      <div>
        <ion-icon
          name="location-outline"
          style="font-size: 20px; margin-right: 5px"
        ></ion-icon
        ><span>{{city??'未选择'}}</span>
      </div>
      <ion-segment
        value="pasta"
        mode="ios"
        (ionChange)="segmentChanged($event)"
      >
        <ion-segment-button value="pizza">
          <ion-label>电影</ion-label>
        </ion-segment-button>
        <ion-segment-button value="pasta">
          <ion-label>影院</ion-label>
        </ion-segment-button>
      </ion-segment>
      <ion-icon style="font-size: 20px" name="search"></ion-icon>
    </div>
  </ion-toolbar>

  <!-- 二级标签 -->
</ion-header>
<ion-content *ngIf="pois">
  <div class="cell" *ngFor="let item of pois">
    <div>
      <div>
        <span>{{item.name}}</span>
        <ion-badge mode="ios">评分：{{item.biz_ext.rating}}</ion-badge>
      </div>
      <div class="price" *ngIf="item.biz_ext.cost.length!=0">
        <span>￥</span><span>{{item.biz_ext.cost}}</span>起
      </div>
    </div>
    <div>联系电话：{{item.tel}}</div>
    <div>
      <div>{{item.address}}</div>
      <div>{{item.distance | km}}km</div>
    </div>
  </div>
</ion-content>
